<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Resume</title><!-- Meta Data -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="format-detection" content="telephone=no" />
  <meta name="format-detection" content="address=no" />
  <meta name="description" content="vCard" />
  <link rel="stylesheet" type="text/css" href="assets/styles/style.css" />
</head>

<body class="bg-triangles">
  <!-- Preloader -->
  <div class="preloader">
    <div class="preloader__wrap">
      <div class="circle-pulse">
        <div class="circle-pulse__1"></div>
        <div class="circle-pulse__2"></div>
      </div>
      <div class="preloader__progress"><span></span></div>
    </div>
  </div>
  <main class="main">
    <!-- Menu -->
    <div class="circle-menu">
      <div class="hamburger">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </div>
    </div>
    <div class="inner-menu">
      <ul class="nav">
        <li class="nav__item"><a class="active" href="index.html">About</a></li>
        <li class="nav__item"><a href="https://github.com/singingXY">Github</a></li>
        <li class="nav__item"><a href="https://singingxy.gitee.io/">Blog</a></li>
      </ul>
    </div>
    <div class="container gutter-top">
      <div class="row sticky-parent">
        <!-- Sidebar -->
        <aside class="col-12 col-md-12 col-xl-3">
          <div class="sidebar box pb-0 sticky-column">
            <!-- <svg class="avatar avatar--180" viewBox="0 0 188 188">
              <g class="avatar__box">
                <image xlink:href="assets/img/avatar-1.jpg" height="100%" width="100%" />
              </g> 
            </svg>-->
            <div class="text-center">
              <h3 class="title title--h3 sidebar__user-name"><span class="weight--500">黄芯颖</h3>
              <div class="badge badge--gray">Web前端开发</div><!-- Social -->
              <div class="social">
                <!-- <a class="social__link" href="http://www.bootstrapmb.com/"><i
                    class="font-icon icon-facebook"></i></a><a class="social__link" href="https://www.behance.com/"><i
                    class="font-icon icon-twitter"></i></a><a class="social__link" href="https://www.linkedin.com/"><i
                    class="font-icon icon-linkedin2"></i></a> -->
              </div>
            </div>
            <div class="sidebar__info box-inner box-inner--rounded">
              <ul class="contacts-block">
                <li class="contacts-block__item" data-toggle="tooltip" data-placement="top" title="Birthday"><i
                    class="font-icon icon-calendar"></i>1994-06-20</li>
                <li class="contacts-block__item" data-toggle="tooltip" data-placement="top" title="Address"><i
                    class="font-icon icon-location"></i>苏州</li>
                <li class="contacts-block__item" data-toggle="tooltip" data-placement="top" title="E-mail"><a
                    href="mailto:singeve@qq.com"><i class="font-icon icon-envelope"></i>singeve@qq.com</a></li>
                <li class="contacts-block__item" data-toggle="tooltip" data-placement="top" title="Phone"><i
                    class="font-icon icon-phone"></i>13092604899</li>
                <li class="contacts-block__item" data-toggle="tooltip" data-placement="top" title="github"><a href=""><i
                      class="font-icon icon-github"></i>github.com/singingXY</a></li>
                <li class="contacts-block__item" data-toggle="tooltip" data-placement="top" title="Blog"><a href=""><i
                      class="font-icon icon-user"></i>https://singingxy.github.io/</a></li>
              </ul>
              <!-- <a class="btn btn--blue-gradient" href="#"><i class="font-icon icon-download"></i>Download CV</a> -->
            </div>
          </div>
        </aside><!-- Content -->
        <div class="col-12 col-md-12 col-xl-9">
          <div class="box pb-0">
            <!-- About -->
            <div class=" pb-sm-2 box-inner">
              <h1 class="title title--h1 title__separate">个人简介</h1>
              <p>多年前端开发经验，熟悉Web编程，能够使用主流框架进行页面的开发。深入理解 W3C 标准与 ES 规范，熟悉 HTML、CSS、JavaScript 等 Web
                基础。 <br> 熟悉常见的前端调试工具，能够高保真还原设计稿，具备良好的代码风格。熟练解决各种浏览器兼容问题。 <br>
                善于与人沟通，良好的团队合作精神和高度的责任感，能够承受压力，有较强的吃苦耐劳和创新精神。
              </p>
            </div>

            <!-- Experience -->
            <div class="pb-0">
              <div class="row">
                <div class="col-12 col-lg-6 pt-4">
                  <h2 class="title title--h3"><img class="title-icon" src="assets/icons/icon-experience.svg"
                      alt="" />工作经历</h2>
                  <div class="timeline">
                    <!-- Item -->
                    <article class="timeline__item">
                      <h5 class="title title--h5 timeline__title">苏州同济医院有限公司</h5><span class="timeline__period">2015年12月
                        - 至今 | Web前端开发</span>
                      <p class="timeline__description">
                        1、负责网站与服务器日常维护，二次开发与维护医院后台管理系统
                        <br>2、负责还原设计图上线网站和专题页面，包括PC与移动端页面制作
                        <br>3、负责与设计人员和后端开发人员协同配合，参与并完成项目所需前端开发
                        <br>4、对公司现有项目和新项目的前端修改调试和开发工作
                        <br>5、参与小程序页面开发维护
                        <br>6、参与微信页面的开发维护
                      </p>
                      <p class="timeline__description">
                        <strong>微信功能页</strong><br>
                        · 医院就诊服务平台：集成就诊中若干功能，包括绑定就诊人信息、门诊查询挂号专家、预约挂号、住院充值缴费、缴费记录查询、满意度调查等包含近60个页面<br>
                        · 核酸检测预约与结果查询、检测报告下载<br>
                        · 女性生理期计算器，输入个人周期计算与预测排卵期、经期
                      </p>
                      <p class="timeline__description">
                        <strong>食堂订餐页面</strong><br>
                        · 验证手机号区分患者与员工，在线预订餐点；后勤编辑菜谱，查看预定份数统计报表
                      </p>
                      <p class="timeline__description">
                        <strong>专家排班表在线编辑</strong><br>
                        · 在线编辑特需专家坐诊时间，当时间变动时可快速修改，解决了使用xls表格时信息同步不及时的问题
                      </p>
                    </article>
                  </div>
                </div>
                <div class="col-12 col-lg-6  pt-4"">
                  <h2 class=" title title--h3"><img class="title-icon" src="assets/icons/icon-dev.svg" alt="" />个人项目作品
                  </h2>
                  <div class="timeline">
                    <!-- Item -->
                    <article class="timeline__item">
                      <h5 class="title title--h5 timeline__title">Vue版CNode社区</h5>
                      <p class="timeline__description">
                        基于vue.js + vue-cli + vue-router + vuex + axios + less
                        重写vue版cnode社区，使用webpack打包。<br>
                        设计以及开发<strong>首页帖子列表，主题详情，用户资料，实现消息通知、收藏主题</strong>等功能。</p>
                    </article>
                    <article class="timeline__item">
                      <h5 class="title title--h5 timeline__title">在线制作节日头像</h5>
                      <p class="timeline__description">
                        技术栈vue + vue/cli + vant + canvas + fabric.js<br>使用 fabric.js 可以让对 canvas
                        的操作更简单。上传图片在线制作节日头像，点击贴纸素材添加到头像上，素材可调整大小旋转角度。</p>
                    </article>
                    <article class="timeline__item">
                      <h5 class="title title--h5 timeline__title">员工打卡统一管理小工具</h5>
                      <p class="timeline__description">
                        技术栈vue.js + vue-cli + vue-router + axios + mockjs +
                        vant<br>使用UI框架vant实现员工上下班定位打卡、写日报功能，可查询历史打卡日报数据，定位使用高德地图。</p>
                    </article>
                    <article class="timeline__item">
                      <h5 class="title title--h5 timeline__title">自动化工程后台</h5>
                      <p class="timeline__description">
                        基于vue.js + vue-cli + vue-router + axios + ECharts + Element UI
                        设计并制作自动化工程后台前端页面，实现后台日间模式/夜间模式主题切换，实现表格行内编辑，使用ECharts展现设备图表等功能</p>
                    </article>
                  </div>
                </div>
              </div>
            </div><!-- Skills -->
            <div class="box-inner box-inner--rounded">
              <div class="row">
                <span class="col-12">
                  <h2 class="title title--h3"><img class="title-icon" src="assets/icons/icon-design.svg" alt="" />技能列表
                  </h2>
                  <div class="box box__second">
                    <!-- Progress -->
                    <!--<div class="progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0"
                        aria-valuemax="100">
                        <div class="progress-text"><span>Web Design</span><span>80%</span></div>
                      </div> -->
                    <div class="progress-tag">
                      <h6>Web:</h6>
                      <span>HTML</span><span>CSS</span><span>JavaScript</span><span>Ajax</span><span>axios</span>
                      <h6>前端框架:</h6>
                      <span>Vue</span><span>jQuery</span><span>Element
                        UI</span><span>Vant</span><span>ECharts</span><span>Less</span><span>Bootstrap</span>
                      <h6>工具:</h6>
                      <span>Git</span><span>npm</span><span>webpack</span>
                      <h6>软件:</h6>
                      <span>Photoshop</span><span>VS Code</span>
                    </div>
                  </div>
              </div>

            </div>
            <div class="col-12 col-lg-6  mt-4 ">
              <h2 class="title title--h3"><img class="title-icon" src="assets/icons/icon-education.svg" alt="" />教育经历
              </h2>
              <div class="timeline">
                <!-- Item -->
                <article class="timeline__item">
                  <h5 class="title title--h5 timeline__title">广西民族大学相思湖学院 | 信息管理与信息系统</h5><span
                    class="timeline__period">2012年 -
                    2016年</span>
                  <p class="timeline__description">全国计算机等级二级</p>
                </article><!-- Item -->
              </div>
            </div>
          </div>
        </div><!-- Footer -->
        <footer class="footer">© 2021 singingXY</footer>
      </div>
    </div>
    </div>
  </main>
  <div class="back-to-top"></div><!-- SVG masks --><svg class="svg-defs">
    <clipPath id="avatar-box">
      <path
        d="M1.85379 38.4859C2.9221 18.6653 18.6653 2.92275 38.4858 1.85453 56.0986.905299 77.2792 0 94 0c16.721 0 37.901.905299 55.514 1.85453 19.821 1.06822 35.564 16.81077 36.632 36.63137C187.095 56.0922 188 77.267 188 94c0 16.733-.905 37.908-1.854 55.514-1.068 19.821-16.811 35.563-36.632 36.631C131.901 187.095 110.721 188 94 188c-16.7208 0-37.9014-.905-55.5142-1.855-19.8205-1.068-35.5637-16.81-36.63201-36.631C.904831 131.908 0 110.733 0 94c0-16.733.904831-37.9078 1.85379-55.5141z" />
    </clipPath>
    <clipPath id="avatar-hexagon">
      <path
        d="M0 27.2891c0-4.6662 2.4889-8.976 6.52491-11.2986L31.308 1.72845c3.98-2.290382 8.8697-2.305446 12.8637-.03963l25.234 14.31558C73.4807 18.3162 76 22.6478 76 27.3426V56.684c0 4.6805-2.5041 9.0013-6.5597 11.3186L44.4317 82.2915c-3.9869 2.278-8.8765 2.278-12.8634 0L6.55974 68.0026C2.50414 65.6853 0 61.3645 0 56.684V27.2891z" />
    </clipPath>
  </svg><!-- JavaScripts -->
  <script src="assets/js/jquery-3.4.1.min.js"></script>
  <script src="assets/js/plugins.js"></script>
  <script src="assets/js/common.js"></script>
</body>

</html>